import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    tasklist:[],
  },
  getters: {
    // 定义计算方法。统计未完成的任务数量
     unFinishCount(state){
      var arr = state.tasklist.filter((item) => {
        return item.status == false;
      })
      return arr.length;
     }

  },
  mutations: { //同步方法
    addTask(state,payload){
      var obj={id: state.tasklist.length+1,name:payload,status:false}
      state.tasklist.push(obj);//添加任务到列表中
    },
    changeStatus(state,payload){

      var fi =state.tasklist.find((item)=>{
              return item.id==payload.id;
      });
      if(fi){//判断是否找到
        fi.status =!fi.status;
      }
    }


  },
  actions: {
  },
  modules: {
  }
})
